import React, { Component } from 'react'

export default class App extends Component {


  render() {


  const obj = {
    color: 'red',
    fontSize: 50,
    height: 100, // 可以省略掉单位 px 不写
    border: '1px solid blue', // 在字符串中使用的时候要加上单位 px
    lineHeight: '100px' // 行高如果不设置单位会变成倍数
  }


    return (
      // 该写法是错误的，不能直接设置为字符串
      // <div style='color: red'>App123</div>
      // 不能直接这样写，因为 {js表达式}
      // <div style={color: red;}>App123</div>
      // {{}} 这可不是 vue 中的双大括号，而是一个 js 对象
     <>
      <div style={{color: 'red'}}>App123</div>
      <div style={obj}>App123</div>
     </>
    )
  }
}
